import React from 'react';
import './index.less'
import { Toast, NavBar } from 'react-vant';

const index = () => {
    let list = [
        { id: 1, title: '价格与供给之间呈同方向编号的关系是指（ ）。', lai: '第1章市场需求、供给看到客人福晶科技', num:1000 },
        { id: 2, title: '价格与供给之间呈同方向编号的关系是指（ ）。', lai: '第1章市场需求、供给看到客人福晶科技', num:1000 },
        { id: 3, title: '价格与供给之间呈同方向编号的关系是指（ ）。', lai: '第1章市场需求、供给看到客人福晶科技', num:1000 },
        { id: 4, title: '价格与供给之间呈同方向编号的关系是指（ ）。', lai: '第1章市场需求、供给看到客人福晶科技', num:1000},
        { id: 5, title: '价格与供给之间呈同方向编号的关系是指（ ）。', lai: '第1章市场需求、供给看到客人福晶科技', num:1000 },
    ]

    return <div className='cuotibangbox'>
        <div className='header'>
            <NavBar
                fixed='true'
                title="错题榜"
                onClickLeft={() => Toast('返回')}
            />
        </div>
        <div className='conbox'>
            {list.map((item,index) => {
                return <div key={item.id} className='conddbox'>
                    {/* <div className='leftbox'>{index+1}</div> */}
                    <div className='rightbox'>
                        <div>
                            <span>{item.title}</span>
                            <div className='paibox'></div>
                        </div>
                        <div className='werbox'>
                            <span>来源：{item.lai}</span>
                            <span className='nn'>{item.num}人做错</span>
                        </div>
                    </div>
                </div>
            })}
        </div>
    </div>;
}
export default index;